﻿@model KRM.Core.tblUser

<html lang="en" class="no-js">
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8">
    <title>Kybotech | Sending sms token</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="description">
    <meta content="" name="author">
    <meta name="MobileOptimized" content="320">
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/hr/js/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/hr/js/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="/hr/js/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="/hr/js/plugins/select2/select2_metro.css">
    <!-- END PAGE LEVEL SCRIPTS -->
    <!-- BEGIN THEME STYLES -->
    <link href="/hr/css/style-metronic.css" rel="stylesheet" type="text/css">
    <link href="/hr/css/style.css" rel="stylesheet" type="text/css">
    <link href="/hr/css/style-responsive.css" rel="stylesheet" type="text/css">
    <link href="/hr/css/plugins.css" rel="stylesheet" type="text/css">
    <link href="/hr/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
    <link href="/hr/css/pages/login.css" rel="stylesheet" type="text/css">
    <link href="/hr/css/custom.css" rel="stylesheet" type="text/css">
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="/img/favicon.ico">

    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
            <script src="/hr/js/plugins/respond.min.js"></script>
            <script src="/hr/js/plugins/excanvas.min.js"></script> 
        <![endif]-->
    <script src="/hr/js/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/bootstrap-hover-dropdown/twitter-bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/jquery.blockui.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="/hr/js/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="/hr/js/plugins/jquery-validation/dist/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/hr/js/plugins/select2/select2.min.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="/hr/js/app.js" type="text/javascript"></script>
    <script src="/hr/js/login.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script>
        jQuery(document).ready(function () {
            App.init();
            SmsToken(@Model.UserID);
        });
    </script>
    <!-- END JAVASCRIPTS -->
</head>
<!-- BEGIN BODY -->
<body class="login" style="">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <img width="360" src="/hr/img/logokybotech.png" alt="">
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content">
        <div id="divLoading" style="display: none; text-align: center;">
            <h2>Sending sms @Model.PhoneNumber...</h2>
            <br />
            <div class="ajax-loading"></div>
        </div>
        <div id="divInfo">
            <form id="fr-smstoken" action="/Users/validatesmstoken" method="POST">
                <input type="hidden" name="userid" value="@Model.UserID" />
                @Html.Partial("Partial/_MessageResult")

                <h3 class="form-title">Security Token Required</h3>
                
                <p>An message with security token has been sent to your phone number: @Model.PhoneNumber</p>   

                <div class="form-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <label class="control-label visible-ie8 visible-ie9">Token</label>
                    <div class="input-group">
                        <div class="input-icon">
                            <i class="icon-lock"></i>
                            <input type="text" class="form-control placeholder-no-fix" autocomplete="off" placeholder="Token key" name="token">
                        </div>
                        <span class="input-group-btn" style="vertical-align: text-top">
                            <a onclick="SmsToken(@Model.UserID)" style="width:90px;" href="#" class="btn blue">Resend<i class="icon-envelope-alt"></i></a>
                        </span>
                    </div>
                </div>


                <div class="form-actions">
                    <label class=" control-label">
                    </label>
                    <button type="submit" class="btn green pull-right" style="width: 90px;">
                        Submit <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                    <a style="width: 90px; margin-right: 10px;" href="Login" class="btn default pull-right"><i class="m-icon-swapleft"></i>Cancel</a>

                </div>

            </form>
            <small class="pull-right" style="margin-top: -10px;">Your IP Address: @Request.UserHostAddress</small>
        </div>
    </div>
    <!-- END LOGIN -->
    <!-- BEGIN COPYRIGHT -->
    <div class="copyright">
        2013 © VCN Corporation.
    </div>
    <!-- END COPYRIGHT -->
    <!-- END BODY -->
</body>
</html>
